@import "../../../styles/_commonColor.scss";

.container {
  padding: 48px 0 0 0;
  width: 100%;
  height: 100%;
  background-color: $white;
  overflow: auto;
  p {
    color: #888888;
    font-size: 26px;
    background-color: $white;
  }
  .content {
    padding: 0 44px;
    .imgContainer {
      padding: 40px 26px 60px 26px;
      & > div {
        position:relative;
        button{
          border:none;
          width:212px;
          height:88px;
          background-color: transparent;
          position:absolute;
          right:14px;
          bottom:14px;
        }
        img {
          display: block;
          width: 100%;
        }

        &:nth-child(2) {
          margin-top: 32px;
        }
      }
    }
  }
  .header {
    background-color: #F9F9F9;
    padding-bottom: 24px;
    & > div {
      padding: 0 44px 48px 44px;
      background-color: $white;
      .title {
        text-align: center;
        padding-bottom: 22px;
        img {
          width: 36px;
          height: 36px;
          vertical-align: middle;
        }
        span {
          line-height: 30px;
          vertical-align: middle;
          margin-left: 6px;
        }
        color: $morelightblack;
        font-size: 32px;
      }
    }
  }

  .bottom {
    padding: 0 44px 35px 44px;
    .blank {
      height: 120px;
      width: 100%;
    }
    .buttonContainer {
      text-align: center;
      padding: 28px 0;
     /* position: fixed;
      bottom: 0;
      left: 0;*/
      width: 100%;
      background-color: $white;
      button {
        width: 216px;
        height: 64px;
        border: solid 1PX $gray;
        border-radius: 6px;
        background-color: transparent;;
        color: #888888;
        margin: 0 15px;
        font-size: 30px;
      }
    }
  }
}